iT邦幫忙

2022 iThome 鐵人賽

DAY 26
0
Mobile Development

Flutter Didilong系列 第 26

D-26 Flutter Bloc Listener | Flutter筆記

  • 分享至 

  • xImage
  •  

經過前兩篇洗禮
認識過 BlocBuilder / BlocSelector
筆者最容易與BlocBuilder搞混的 BlocListener


BlocListener

偵測到State狀態更改需要發生的功能
例如: 顯示SnackBar / dialog對話框

與BlocBuilder相反
他不需要重新 build 畫面widget

listenWhen: 與buildWhen相似,可以加入判斷決定何時才要監聽狀態

 BlocListener<CounterCubit, int>(
            listenWhen: (previous, current) {
              if (previous - current > 0) {
                return false;
              }
              return true;
            },
            listener: ((context, state) {
              // Scaffold.of(context).snack
              ScaffoldMessengerState().showSnackBar(
                SnackBar(
                  content: Text(state.toString()),
                ),
              );
            }),
            child: Container(),
          ),

上一篇
D-25 Bloc Selector | Flutter筆記
下一篇
D-27 Bloc Consumer | Flutter筆記
系列文
Flutter Didilong30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言